<!DOCTYPE html>
<html>
    <head>
        <title>About - My Kendo UI Application</title>
        <link href="styles/site.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="../../styles/kendo.common.min.css">
        <link rel="stylesheet" href="../../styles/kendo.rtl.min.css">
        <link rel="stylesheet" href="../../styles/kendo.default.min.css">
        <link rel="stylesheet" href="../../styles/kendo.mobile.all.min.css">

        <script src="../../js/jquery.min.js"></script>
        <script src="../../js/kendo.all.min.js"></script>
    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title"><a href="/">your logo here</a></p>
                </div>
                <div class="float-right">
                    <nav>
                    <ul id="menu">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                    </nav>
                </div>
            </div>
        </header>
            <div id="body">
                <section class="content-wrapper main-content clear-fix">
                    <hgroup class="title">
                        <h1>About.</h1>
                        <h2>Your app description page.</h2>
                    </hgroup>

                    <article>
                        <p>Use this area to provide additional information.</p>
                        <p>Use this area to provide additional information.</p>
                        <p>Use this area to provide additional information.</p>
                    </article>

                    <aside>
                        <h3>Kendo UI TreeView</h3>
                        <p>Use this area to provide additional information.</p>

                        <ul id="linksTreeView">
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <a href="about.html">About</a>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li>
                        </ul>
                        <script>
                            $(function() {
                                $("#linksTreeView").kendoTreeView();
                            });
                        </script>
                    </aside>
                </section>
            </div>
        <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; 2015 - My Kendo UI Application</p>
            </div>
        </div>
        </footer>
    </body>
</html>
